<!DOCTYPE html>
<html>

<head>
	<title>index</title>
	<link rel="stylesheet" href="./index.css" >
</head>

<body>
	<div id="root">
		<div class="container">
				<div class="one-content">
					flex 是一个CSS的display 属性中新添加一个值。 随着inline-flex的使用，它将使它适用的元素成为一个flex container（伸缩容器），而这个元素的每个子元素将成为 flex item（伸缩项目）。伸缩项目将参与到flex布局中，所有由CSS Flexible Box Layout Module（CSS伸缩盒布局模型）定义的属性都能被它们使用。
				</div>
				<p></p>
				<div class="out-board">
					<div class="two-content">
						flex 是一个CSS的display 属性中新添加一个值。 随着inline-flex的使用，它将使它适用的元素成为一个flex container（伸缩容器），而这个元素的每个子元素将成为 flex item（伸缩项目）。伸缩项目将参与到flex布局中，所有由CSS Flexible Box Layout Module（CSS伸缩盒布局模型）定义的属性都能被它们使用。
					</div>
				</div>
				<p></p>
				<div class="out-board">
					<div class="multi-line-content">
						flex 是一个CSS的display 属性中新添加一个值。 随着inline-flex的使用，它将使它适用的元素成为一个flex container（伸缩容器），而这个元素的每个子元素将成为 flex item（伸缩项目）。伸缩项目将参与到flex布局中，所有由CSS Flexible Box Layout Module（CSS伸缩盒布局模型）定义的属性都能被它们使用。
					</div>
				</div>
				
		</div>
	</div>
</body>
</html>